*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.msg{
    color: red;
}
.login {
    width: 100vw;
    padding: 0  20px;
    .login-logo {
        padding-top: 40px;
        text-align: center;
        img {
             width: 75px;
             height: 25px;
        }
      }
    .login-phone {
        margin-top: 20px;
        border-bottom:1px solid #ccc ;
      input {
        width: 100%;
         height: 45px;
         border: 0;
         outline:medium;
      }
    }
  
    .login-note {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom:1px solid #ccc ;
      .login-note-left {
        input {
            outline:medium;
            height: 45px;
            border: 0;
        }
      }
  
      .login-note-right {
        .note-right-text {
             width: 80px;
             height: 26px;
             border: 1px solid  #ccc;
             line-height: 26px;
             text-align: center;
             color: #333;
        }
      }
    }
  
    .login-bottom {
        display: flex;
        height: 45px;
        justify-content: space-between;
        align-items: center;
      div:nth-child(1) {
           color: #7f7f7f;
      }
      div:nth-child(2) {
        color: #333;
        font-size: 14px;
   }
    }
  
    .login-but {
        height: 45px;
        background: red;
        line-height: 45px;
        text-align: center;
      span {
          color: white;
          font-size: 14px;
      }
    }
  
    .login-service {
        display: flex;
        height: 45px;
        align-items: center;
      div:nth-child(1) {
          margin-right: 5px;
        input {
         margin-top: 5px;
        }
      }
      div:nth-child(2) {
      span{
        color: #7f7f7f;
      }
      a{
        color: #007AFF;
        text-decoration: none
      }
    }
    }
  }